﻿
$(document).ready(main);

function main() {

    ejecutarPorDafault();
    /*$("#botonModificar").button({
    icons: {
    primary: "ui-icon-modify"
    },
    text: false
    });
    $("#botonEliminar").button({
    icons: 
    primary: "ui-icon-delete"
    },
    text: false
    });*/
    $("#registro").show();
    $("#registrar").click(mostrarFormRegistro);
    $("#botonRegistro").click(registrarUsuario);
    $("#busqueda").show();
    $("#modificar").click(mostrarFormBusqueda);
    $("#eliminar").click(mostrarFormBusqueda);

    $("#botonBuscar").click(buscarUsuario);
    $("#botonCancelar").click(menuUsuario);

    $("#botonesSeleccion").hide();
    $("#botonEliminar").click(eliminar);
    cargarTipoDoc();
    cargarCargos();
    cargarDepartamentos();
    cargarSeguro();

}

function permite(elEvento, permitidos) {
    // Variables que definen los caracteres permitidos
    var numeros = "0123456789";
    var caracteres = " abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ";
    var numeros_caracteres = numeros + caracteres;
    var teclas_especiales = [8, 37, 39, 46];
    // 8 = BackSpace, 46 = Supr, 37 = flecha izquierda, 39 = flecha derecha


    // Seleccionar los caracteres a partir del parámetro de la función
    switch (permitidos) {
        case 'num':
            permitidos = numeros;
            break;
        case 'car':
            permitidos = caracteres;
            break;
        case 'num_car':
            permitidos = numeros_caracteres;
            break;
    }

    // Obtener la tecla pulsada 
    var evento = elEvento || window.event;
    var codigoCaracter = evento.charCode || evento.keyCode;
    var caracter = String.fromCharCode(codigoCaracter);

    // Comprobar si la tecla pulsada es alguna de las teclas especiales
    // (teclas de borrado y flechas horizontales)
    var tecla_especial = false;
    for (var i in teclas_especiales) {
        if (codigoCaracter == teclas_especiales[i]) {
            tecla_especial = true;
            break;
        }
    }

    // Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
    // o si es una tecla especial
    return permitidos.indexOf(caracter) != -1 || tecla_especial;
}

function cargarTipoDoc() {

    var enviar = {
        tipo_documento: "",
        Descripcion: "",
        Estado: 1,
        Categoria: ""
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarTipoDoc",
        beforeSend: esperarRegitro,
        success: function (data) {


            console.log(data);

            var lista = data.listaTipoDoc;

            $("#tipo_documento").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#tipo_documento").append("<option value = \"" + item.tipo_documento + "\">" + item.tipo_documento + "</option>");

            });
            $("#tipoDocMod").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#tipoDocMod").append("<option value = \"" + item.tipo_documento + "\">" + item.tipo_documento + "</option>");
            });
        }
    });
}

function cargarCargos() {

    var enviar = {
        Descripcion: "",
        Estado: 1,
        Categoria: ""
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarCargos",
        beforeSend: esperarRegitro,
        success: function (data) {


            console.log(data);

            var lista = data.listaCargos;

            $("#Id_Cargo").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#Id_Cargo").append("<option value = \"" + item.Id_Cargo + "\">" + item.Descripcion + "</option>");
            });
            $("#CargoMod").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#CargoMod").append("<option value = \"" + item.Id_Cargo + "\">" + item.Descripcion + "</option>");

            });
        }
    });
}

function cargarSeguro() {

    var enviar = {
        Descripcion: "",
        Costo: "",
        Estado: 1,
        Nombre: ""
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarSeguro",
        beforeSend: esperarRegitro,
        success: function (data) {


            console.log(data);

            var lista = data.listaSeguros;

            $("#id_seguro").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#id_seguro").append("<option value = \"" + item.id_seguro + "\">" + item.Nombre + "</option>");
            });
            $("#id_seguroMod").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#id_seguroMod").append("<option value = \"" + item.id_seguro + "\">" + item.Nombre + "</option>");

            });
        }
    });
}


function cargarDepartamentos() {
    var enviar = {
        Nombre: "",
        Id_Departamento: ""
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDepartamentos",
        success: function (data) {

            console.log(data);

            var lista = data.listaDepartamentoPeru;

            $("#Departamento").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#Departamento").append("<option value = \"" + item.Id_Departamento + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

function cargarProvincias() {
    var enviar = {
        Nombre: "",
        Id_Departamento: $("#Departamento").val(),
        Id_Provincia: ""
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarProvincias",
        success: function (data) {

            console.log(data);

            var lista = data.listaProvinciaPeru;

            $("#Provincia").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#Provincia").append("<option value = \"" + item.Id_Provincia + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

function cargarDistritos() {
    var enviar = {
        Nombre: "",
        Id_Provincia: $("#Provincia").val(),
        Id_Distrito: ""
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDistritos",
        success: function (data) {

            console.log(data);

            var lista = data.listaDistritoPeru;

            $("#distrito").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#distrito").append("<option value = \"" + item.Id_Distrito + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

function ejecutarPorDafault() {
    //alert("salio");
    var nombresB = $("#nombresB"),
            apellidosB = $("#apellidosB"),
            tipo_documentoB = $("#tipo_documentoB"),
            nro_documento_personaB = $("#nro_documento_personaB"),
            telefonoB = $("#telefonoB"),
            celularB = $("#celularB"),
            correoB = $("#correoB"),
            generoB = $("#generoB"),
            allFields = $([]).add(nombresB).add(apellidosB).add(nro_documento_personaB).add(tipo_documentoB).add(telefonoB).add(celularB).add(correoB),
            tips = $(".validateTips");
    cargarDepartamentos();
    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#dialog-form").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    //SE MODIFICA
                    var enviar = {
                        id_persona: $("#id_persona").attr("value"),
                        nombre: document.getElementById("nombresB").value,
                        apellidos: document.getElementById("apellidosB").value,
                        genero: $("input[name='generoB']:checked").val(),
                        tipo_documento: $("#tipoDocMod").val(),
                        nro_documento_persona: document.getElementById("nro_documento_personaB").value,
                        telefono: document.getElementById("telefonoB").value,
                        celular: document.getElementById("celularB").value,
                        correo: document.getElementById("correoB").value,
                        direccion: document.getElementById("direccionB").value,
                        Id_Cargo: $("#CargoMod").val(),
                        es_inquilino: $("input[name='es_inquilino']:checked").val(),
                        contacto: $("#contacto").attr("value"),
                        telefono_contacto: $("#telefono_contacto").attr("value"),
                        sueldo: $("#sueldo").attr("value"),
                        id_seguro: $("#id_seguroMod").val(),
                        estado: 1
                    }

                    console.log(enviar);

                    var jsonData = JSON.stringify(enviar);

                    $.ajax({
                        type: "POST",
                        data: jsonData,
                        dataType: "json",
                        contentType: "application/json; charset=utf-8",
                        url: "modificarUsuario",
                        beforeSend: esperarModificar(),
                        success: llegadaModificar
                    });
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#botonModificar").click(function () {
        if ($("input:radio[name='R1']").is(":checked")) {
            ponerValoresACampos();
            //document.getElementById("nombresB").value = "hola";
            $("#dialog-form").dialog("open");
        }
        else {
            alert("Debe seleccionar una fila");
        }
    });
}


function eliminar() {
    if ($("input:radio[name='R1']:checked")) {
        var /*campo0,*/ tnombres, tapellidos, ttipo_documento, tnro_documento_persona, ttelefono, tcelular, tcorreo, tgenero;
        $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index) {
            switch (index) {
////                case 0:
////                    campo0 = $(this).text();
////                    //alert(campo0);
////                    break;
//                case 1:
//                    tnombres = $(this).text();
//                    //alert(tnombres);
//                    break;
//                case 2:
//                    tapellidos = $(this).text();
//                    break;
//                case 3:
//                    tgenero = $(this).text();
//                    if (tgenero === "Femenino") {
//                        tgenero = "1";
//                    }
//                    else {
//                        tgenero = "2";
//                    }
//                    break;
                case 4:
                    ttipo_documento = $(this).text();
                    break;
                case 5:
                    tnro_documento_persona = $(this).text();
                    break;
//                case 6:
//                    ttelefono = $(this).text();
//                    break;
//                case 7:
//                    tcelular = $(this).text();
//                    break;
//                case 8:
//                    tcorreo = $(this).text();
//                    break;
//                case 8:
//                    tgenero = $(this).text();
//                    break;
            }
        })


        var question = confirm("Desea eliminar el usuario seleccionado");

        if (question != 0) {

            var enviar = {
                tipo_documento: ttipo_documento,

                nro_documento_persona: tnro_documento_persona

            }

            var jsonData = JSON.stringify(enviar);

            $.ajax({
                type: "POST",
                data: jsonData,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                url: "eliminarUsuario",
                beforeSend: esperarModificar(),
                success: llegadaEliminar
            });
        }
    }
    else {
        alert("Debe seleccionar una fila");
    }
}

function ponerValoresACampos() {
    if ($("input:radio[name='R1']:checked")) {
        var campo0, tnombres, tapellidos, ttipo_documento, tnro_documento_persona, ttelefono, tcelular, tcorreo, tgenero, tdireccion, tid_persona, Id_Cargo, tes_inquilino, tcontacto, ttelefono_contacto, tsueldo, tid_seguro;
        $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index) {
            switch (index) {
                case 0:
                    campo0 = $(this).text();
                    break;
                case 1:
                    tnombres = $(this).text();
                    break;
                case 2:
                    tapellidos = $(this).text();
                    break;
                case 3:
                    tgenero = $(this).text();
                    if (tgenero === "Femenino") {
                        tgenero = "1";
                    }
                    else {
                        tgenero = "2";
                    }
                    break;
                case 4:
                    ttipo_documento = $(this).text();
                    break;
                case 5:
                    tnro_documento_persona = $(this).text();
                    break;
                case 6:
                    ttelefono = $(this).text();
                    break;
                case 7:
                    tcelular = $(this).text();
                    break;
                case 8:
                    tcorreo = $(this).text();
                    break;
                case 9:
                    tdireccion = $(this).text();
                    break;
                case 10:
                    Id_Cargo = $(this).text();
                    break;

                case 11:
                    if (Id_Cargo == 12) {
                        $("#habitante").show();
                    }
                    if (Id_Cargo == 5) {
                        $("#personal").show();
                    }
                    if (tes_inquilino === "Si") {
                        tes_inquilino = "1";
                    }
                    else {
                        tes_inquilino = "2";
                    }

                case 12:
                    tcontacto = $(this).text();
                    if (tcontacto == "undefined") {
                        tcontacto = ""
                    }
                    break;
                case 13:
                    ttelefono_contacto = $(this).text();
                    if (ttelefono_contacto = "undefined") {
                        ttelefono_contacto = ""
                    }
                    break;
                case 14:
                    tsueldo = $(this).text();
                    if (tsueldo = "undefined") {
                        tsueldo = ""
                    }
                    break;
                case 15:
                    tid_seguro = $(this).text();
                    if (tid_seguro = "undefined") {
                        tid_seguro = ""
                    }
                    break;
                case 16:
                    tid_persona = $(this).text();
                    break;
            }
        })

        //alert(campo1 + ' - ' + campo2 + ' - ' + campo3 + ' - ' + $("input:radio[name='R1']:checked").val());
        document.getElementById("id_persona").value = tid_persona;
        document.getElementById("nombresB").value = tnombres;
        document.getElementById("apellidosB").value = tapellidos;
        if ($("input:radio[name='generoB']")[0].value === tgenero) {
            $("input:radio[name='generoB']")[0].checked = true;
        }
        else {
            $("input:radio[name='generoB']")[1].checked = true;
        }
        jQuery("#tipoDocMod option").each(function () {
            if (jQuery(this).val() == ttipo_documento) {
                jQuery(this).attr("selected", "selected");
                return false;
            }
        });
        document.getElementById("nro_documento_personaB").value = tnro_documento_persona;
        document.getElementById("telefonoB").value = ttelefono;
        document.getElementById("celularB").value = tcelular;
        document.getElementById("correoB").value = tcorreo;
        document.getElementById("direccionB").value = tdireccion;
        jQuery("#CargoMod option").each(function () {
            if (jQuery(this).val() == Id_Cargo) {
                jQuery(this).attr("selected", "selected");
                return false;
            }
        });
        if ($("input:radio[name='es_inquilino']")[0].value === tes_inquilino) {
            $("input:radio[name='es_inquilino']")[0].checked = true;
        }
        else {
            $("input:radio[name='es_inquilino']")[1].checked = true;
        }
        document.getElementById("contacto").value = tcontacto;
        document.getElementById("telefono_contacto").value = ttelefono_contacto;
        document.getElementById("sueldo").value = tsueldo;
        jQuery("#id_seguroMod option").each(function () {
            if (jQuery(this).val() == tid_seguro) {
                jQuery(this).attr("selected", "selected");
                return false;
            }
        });

        //$(this).dialog("close");
    }
}

function modificarUsuario() {

    $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index) {
        switch (index) {
            case 0:
                campo1 = $(this).text();
                break;
            case 1:
                campo2 = $(this).text();
                break;
            case 2:
                campo3 = $(this).text();
                break;
        }
    });

    var enviar = {
        tipo_documento: campo2,
        nro_documento_persona: campo3
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "modificarUsuario",
        beforeSend: esperarModificar(),
        success: llegadaModificar
    });
}

function esperarModificar() {

}

function llegadaModificar(data) {

    alert(data.me);

    buscarUsuario();

    var lista = data.listaUsuario;

    if (lista.length == 0) {
        escritor += "<p>No se encontró ninguna coincidencia</p>";
        $("#EliminarBoton").hide();
        $("#ModificarBoton").hide();
    }
    else {

        var escritor = "";

        escritor += "<table><thead><tr><th>---</th><th>Nombres</th><th>Apellidos</th><th>Genero</th><th style=\"display:none\">tipo_documento</th><th>nro_documento_persona</th><th>Telefono</th><th>Celular</th><th>Correo</th><th>Direccion</th><th>Id_Cargo</th><th style=\"display:none\">es_inquilino</th><th style=\"display:none\">contacto</th><th style=\"display:none\">telefono_contacto</th><th style=\"display:none\">sueldo</th><th style=\"display:none\">id_seguro</th><th style=\"display:none\">id_persona</th></tr></thead>";

        escritor += "<tbody>";

        $.each(lista, function (i, item) {

            escritor += "<tr>";

            escritor += '<td><input id="RadioButton1" name="R1" type="radio" value="2" style="width:30px;" /></td>';
            escritor += '<td>' + item.nombre + '</td>';
            escritor += '<td>' + item.apellidos + '</td>';
            if (item.genero == 1) {
                escritor += '<td>' + "Femenino" + '</td>';
            }
            else {
                escritor += '<td>' + "Masculino" + '</td>';
            }
            escritor += '<td style=\"display:none\">' + item.tipo_documento + '</td>';
            escritor += '<td>' + item.nro_documento_persona + '</td>';
            escritor += '<td>' + item.telefono + '</td>';
            escritor += '<td>' + item.celular + '</td>';
            escritor += '<td>' + item.correo + '</td>';
            escritor += '<td>' + item.direccion + '</td>';
            escritor += '<td>' + item.Id_Cargo + '</td>';
            escritor += '<td style=\"display:none\">' + item.es_inquilino + '</td>';
            escritor += '<td style=\"display:none\">' + item.contacto + '</td>';
            escritor += '<td style=\"display:none\">' + item.telefono_contacto + '</td>';
            escritor += '<td style=\"display:none\">' + item.sueldo + '</td>';
            escritor += '<td style=\"display:none\">' + item.id_seguro + '</td>';

            escritor += '<td style=\"display:none\">' + item.id_persona + '</td>';
            escritor += "</tr>";
        });


        //has el cierre del <tbody>

        escritor += "</tbody>";

        //hay qu probar pa ver que imprime, va a salir hasta el webo porque el formato de la tabla esta mal

        escritor += "</table>";

        $("#EliminarBoton").show();
        $("#ModificarBoton").show();
    }

    $("#tablaDinamica").html(escritor);

    $("#botonesSeleccion").show();

    alert("Se modifico Satisfactoriamente");
    $("#dialog-form").dialog("close");

}

function llegadaEliminar(data) {
    var lista = data.me;

//    alert(lista);
    $("#dialog-form").dialog("close");

}

function menuUsuario() {
    window.history.back();
}

function mostrarTabla() {

}


function mostrarFormRegistro() {
    $("#registro").show("slow");
    $("#busqueda").hide();
}

function mostrarFormBusqueda() {
    $("#busqueda").show("slow");
    $("#registro").hide();
}

function registrarUsuario() {

    //alert("xd");
    var enviarsela = {
        user: $("#user").attr("value"),
        password: $("#password").attr("value"),
        nombre: $("#nombre").attr("value"),
        apellidos: $("#apellidos").attr("value"),
        genero: $("input[name='genero']:checked").val(),
        tipo_documento: $("#tipo_documento").val(),
        nro_documento_persona: $("#nro_documento_persona").attr("value"),
        distrito: $("#distrito").val(),
        Direccion: $("#Direccion").attr("value"),
        Telefono: $("#Telefono").attr("value"),
        celular: $("#celular").attr("value"),
        Correo: $("#Correo").attr("value"),
        Id_Cargo: $("#Id_Cargo").val(),
        es_inquilino: $("input[name='es_inquilino']:checked").val(),
        contacto: $("#contacto").attr("value"),
        telefono_contacto: $("#telefono_contacto").attr("value"),
        sueldo: $("#sueldo").attr("value"),
        id_seguro: $("#id_seguro").attr("value")

    }

    fv = new formValidator();

    if (!fv.isSelectedSelect(document.getElementById("id_edificio"))) {
        fv.raiseError("Debe seleccionar un edificio");
    }

    if (fv.isEmpty(document.getElementById("user").value) && !fv.isAlphaNumeric(document.getElementById("user").value)) {
        fv.raiseError("Por favor ingrese un usuario");
    }

    if (fv.isEmpty(document.getElementById("password").value) && !fv.isAlphaNumeric(document.getElementById("password").value)) {
        fv.raiseError("Por favor ingrese una contraseña");
    }

    if (fv.isEmpty(document.getElementById("nombre").value) && !fv.isAlphabetic(document.getElementById("nombre").value)) {
        fv.raiseError("Por favor ingrese un nombre");
    }

    if (fv.isEmpty(document.getElementById("apellidos").value) && !fv.isAlphabetic(document.getElementById("apellidos").value)) {
        fv.raiseError("Por favor ingrese un apellidos");
    }
    if (!fv.isCheckedRadioButton($("input:radio[name='genero']"))) {
        fv.raiseError("Debe seleccionar un género");
    }

    if (!fv.isSelectedSelect(document.getElementById("tipo_documento"))) {
        fv.raiseError("Debe seleccionar un tipo de documento");
    }

    if (!fv.isEmpty(document.getElementById("nro_documento_persona").value) && !fv.isNumber(document.getElementById("nro_documento_persona").value)) {
        fv.raiseError("Por favor ingrese un número de documento correcto");
    }

    if (!fv.isSelectedSelect(document.getElementById("Departamento"))) {
        fv.raiseError("Debe seleccionar un departamento");
    }
    if (!fv.isSelectedSelect(document.getElementById("Provincia"))) {
        fv.raiseError("Debe seleccionar una provincia");
    }
    if (!fv.isSelectedSelect(document.getElementById("distrito"))) {
        fv.raiseError("Debe seleccionar un distrito");
    }

    if (fv.isEmpty(document.getElementById("Direccion").value) && !fv.isAlphaNumeric(document.getElementById("Direccion").value)) {
        fv.raiseError("Por favor ingrese una dirección");
    }

    if (!fv.isEmpty(document.getElementById("Telefono").value) && !fv.isNumber(document.getElementById("Telefono").value)) {
        fv.raiseError("Por favor ingrese un número telefónico correcto");
    }
    if (!fv.isEmpty(document.getElementById("celular").value) && !fv.isNumber(document.getElementById("celular").value)) {
        fv.raiseError("Por favor ingrese un número de celular correcto");
    }
    if (fv.isEmpty(document.getElementById("Correo").value) && !fv.isEmailAddress(document.getElementById("Correo").value)) {
        fv.raiseError("Por favor ingrese un correo electronico");
    }
    if (!fv.isSelectedSelect(document.getElementById("Id_Cargo"))) {
        fv.raiseError("Debe seleccionar un cargo");
    }

    if (fv.numErrors() === 0) {
        //alert($("#RUC").attr("value"));
        //alert($("#RazonSocial").attr("value"));
        console.log(enviarsela);
        //alert($("#Distrito").val());
        //alert();
        var jsonData = JSON.stringify(enviarsela);

        $.ajax({
            type: "POST",
            data: jsonData,
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            url: "registrarUsuario",
            beforeSend: esperarRegitro,
            success: llegadaRegistro
        });
        return true;
    }
    else {
        fv.displayErrors();
        return false;
    }
}

function errorJS(data) {
    alert();
    alert("Error");
}


function esperarRegitro() {

}

function llegadaRegistro(data) {
    alert(data.me);
    $("#registro").hide();
}

function buscarUsuario() {

    var enviar = {

        nro_documento_persona: $("#nro_documento_persona").attr("value"),
        nombre: $("#nombre").attr("value"),
        apellidos: $("#apellidos").attr("value"),
        Id_Cargo: $("#Id_Cargo").val()

    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarUsuario",
        beforeSend: esperarLista(),
        success: llegadaLista
    });

    //$('.submit-button').click(alert("hi"))
}

function esperarLista() {//////////////////////////////////////////////////////////buscar///////////////////////////////

}
function llegadaLista(data) {
    console.log(data);
    //alert(data);

    var lista = data.listaUsuario;


    var escritor = "";

    escritor += "<table><thead><tr><th>---</th><th>Nombres</th><th>Apellidos</th><th>Genero</th><th style=\"display:none\">tipo_documento</th><th>nro_documento_persona</th><th>Telefono</th><th>Celular</th><th>Correo</th><th>Direccion</th><th style=\"display:none\">Id_Cargo</th><th style=\"display:none\">es_inquilino</th><th style=\"display:none\">contacto</th><th style=\"display:none\">telefono_contacto</th><th style=\"display:none\">sueldo</th><th style=\"display:none\">id_seguro</th><th style=\"display:none\">id_persona</th></tr></thead>";

    escritor += "<tbody>";

    $.each(lista, function (i, item) {

        escritor += "<tr>";

        escritor += '<td><input id="RadioButton1" name="R1" type="radio" value="2" style="width:30px;" /></td>';
        escritor += '<td>' + item.nombre + '</td>';
        alert(item.nombre);
        escritor += '<td>' + item.apellidos + '</td>';
        if (item.genero == 1) {
            escritor += '<td>' + "Femenino" + '</td>';
        }
        else {
            escritor += '<td>' + "Masculino" + '</td>';
        }
        escritor += '<td style=\"display:none\">' + item.tipo_documento + '</td>';
        escritor += '<td>' + item.nro_documento_persona + '</td>';
        escritor += '<td>' + item.telefono + '</td>';
        escritor += '<td>' + item.celular + '</td>';
        escritor += '<td>' + item.correo + '</td>';
        escritor += '<td>' + item.direccion + '</td>';
        escritor += '<td style=\"display:none\">' + item.Id_Cargo + '</td>';
        escritor += '<td style=\"display:none\">' + item.es_inquilino + '</td>';
        escritor += '<td style=\"display:none\">' + item.contacto + '</td>';
        alert(item.contacto);
        escritor += '<td style=\"display:none\">' + item.telefono_contacto + '</td>';
        escritor += '<td style=\"display:none\">' + item.sueldo + '</td>';
        escritor += '<td style=\"display:none\">' + item.id_seguro + '</td>';
        escritor += '<td style=\"display:none\">' + item.id_persona + '</td>';
        escritor += "</tr>";

    });

    escritor += "</tboby>";

    escritor += "</table>";

    $("#tablaDinamica").html(escritor);

    $("#botonesSeleccion").show("slow");



}